<template>
  <Teleport to=".sdy-header">
    <van-nav-bar :title="title" :left-arrow="back">
      <template #left>
        <slot name="left"></slot>
      </template>
      <template #title>
        <slot name="title">{{ title }}</slot>
      </template>
      <template #right>
        <slot name="right"></slot>
      </template>
    </van-nav-bar>
  </Teleport>
</template>

<script setup lang="ts">
import { defineProps, Teleport } from 'vue'

interface MyTopBar {
  title: string,
  back?: boolean
}
// 接受父组件传递的数据
defineProps<MyTopBar>()

</script>

<style scoped lang="scss"></style>
